.cmp__oppo-product-list *{box-sizing:border-box}
.cmp__oppo-product-list .pdl-banner{width:1312px;margin:0 auto;position:relative;margin-bottom:40px}
.cmp__oppo-product-list .pdl-banner .pdl-banner-img{overflow:hidden;border-radius:16px;background-repeat:no-repeat;background-size:auto 100%;background-position:center}
.cmp__oppo-product-list .pdl-banner .pdl-banner-img img{display:block;width:100%}
.cmp__oppo-product-list .pdl-banner .pdl-banner-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.cmp__oppo-product-list .pdl-banner .pdl-banner-text .pdl-banner-title{font-family:'OPPOSans-Ver2-Medium';font-size:24px;line-height:32px;letter-spacing:-0.2px;color:rgba(255,255,255,0.95);text-align:center}
.cmp__oppo-product-list .pdl-banner .pdl-banner-text .pdl-banner-des{font-family:'OPPOSans-Ver2-Regular';font-size:18px;line-height:26px;letter-spacing:-0.12px;color:rgba(255,255,255,0.75);text-align:center}
.cmp__oppo-product-list .pdl-banner.pdl-banner-dark .pdl-banner-text .pdl-banner-title{color:#000000F2}
.cmp__oppo-product-list .pdl-banner.pdl-banner-dark .pdl-banner-text .pdl-banner-des{color:#000000BF}
.cmp__oppo-product-list .product-list-vue_cmp{width:1312px;margin:0 auto}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper{display:flex;flex-wrap:wrap;margin:0 -10px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item{flex:0 0 25%;max-width:25%;padding:0 10px;margin-bottom:20px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container{position:relative;overflow:hidden;border-radius:16px;cursor:pointer}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-bg{position:absolute;left:0;top:50%;width:100%;z-index:0;transition:all .5s;transform:translateY(-50%)}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-bg img{display:block;width:100%;height:100%}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont{z-index:1;position:relative;background:#fff;padding-bottom:24px;transition:all .5s;display:flex;flex-direction:column}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-gift{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;padding:8px 10px 0 10px;margin-bottom:1px;height:28px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-gift svg{display:block;width:24px;height:24px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-gift p{font-family:'OPPOSans-Ver2-Medium';font-size:14px;line-height:20px;color:rgba(0,0,0,0.4)}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-gift .pdl-has-gift{color:rgba(0,0,0,0.4)}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-gift .pdl-has-deduct{color:rgba(0,0,0,0.4)}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-gift .pdl-has-discount{color:rgba(0,0,0,0.4)}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-swiper{padding:0 28px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-swiper .pdl-swiper-box{position:relative;padding-bottom:100%;overflow:hidden}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-swiper .pdl-swiper-container{width:100%;height:100%;position:absolute;left:0;top:0}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-swiper .pdl-swiper-container .swiper-wrapper{width:100%;height:100%}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-swiper .pdl-swiper-container .swiper-wrapper .swiper-slide{position:relative}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-swiper .pdl-swiper-container .swiper-wrapper .swiper-slide .pdl-item-img{width:100%;max-width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-swiper .pdl-swiper-container .swiper-wrapper .swiper-slide .pdl-item-img img{display:block;width:100%;transition:all .5s}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-swiper .pdl-swiper-pagnation{display:flex;justify-content:center;align-items:center;height:48px;padding:12px 0;margin:20px;transition:all .5s}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-swiper .pdl-swiper-pagnation .swiper-pagination-bullet{display:flex;justify-content:center;align-items:center;width:24px;height:24px;background:transparent;margin-right:4px;opacity:1}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-swiper .pdl-swiper-pagnation .swiper-pagination-bullet.swiper-pagination-bullet-active{border:1px solid #c4c4c4}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-swiper .pdl-swiper-pagnation .swiper-pagination-bullet:focus{outline:0}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-swiper .pdl-swiper-pagnation .swiper-pagination-bullet i{content:'';display:block;width:16px;height:16px;border-radius:50%;background:no-repeat;background-size:cover}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-swiper .pdl-swiper-pagnation .swiper-pagination-bullet i img{display:block;width:100%;height:100%;border-radius:50%}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-swiper .pdl-swiper-pagnation .swiper-pagination-bullet:last-child{margin-right:0}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext{display:flex;flex:1 1 auto}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box{height:initial;flex:1 1 100%;padding:0 20px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-destext-wraper{position:relative;height:100%;display:flex;flex-direction:column}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-content .pdl-text-icon{height:24px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-content .pdl-text-icon i{font-family:'OPPOSans-Ver2-Regular';font-size:16px;line-height:24px;color:#26c05d}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-content .pdl-text-title{font-family:'OPPOSans-Ver2-Medium';font-size:20px;line-height:28px;color:rgba(0,0,0,0.95);margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-content .pdl-text-description{font-family:'OPPOSans-Ver2-Regular';font-size:16px;line-height:24px;color:rgba(0,0,0,0.55);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-price{display:flex;flex-wrap:nowrap;align-items:center;padding:16px 0}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-price .now-price{font-family:'OPPOSans-Ver2-Medium';font-size:20px;line-height:28px;color:rgba(0,0,0,0.95);margin-right:4px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-price .origin-price{font-size:16px;line-height:24px;color:rgba(0,0,0,0.3)}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-price .origin-price.discount-price{text-decoration:line-through}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-price .origin-price.origin-stop-price{font-family:'OPPOSans-Ver2-Medium';font-size:20px;line-height:28px;color:rgba(0,0,0,0.95)}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-comming{font-family:'OPPOSans-Ver2-Medium';font-size:18px;line-height:26px;color:#26c05d;padding-bottom:16px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-btn{position:absolute;left:0;bottom:0;width:100%;display:flex;align-items:flex-end;flex:1 1 auto}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-btn .pdl-text-btn-wraper{display:flex;align-items:center;flex-wrap:nowrap;flex:0 0 100%;opacity:0;transform:translateY(80%);transition:transform .5s,opacity .5s}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-btn a{font-family:'OPPOSans-Ver2-Medium';flex:1 1 auto;font-size:14px;line-height:23px;text-align:center;padding:7.5px 20px;border-radius:36px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-btn a:first-child{margin-right:8px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-btn .pdl-learnmore{border:1px solid rgba(0,0,0,0.3);color:#000;transition:all .24s cubic-bezier(0.48,0.04,0.52,0.96)}
@media(min-width:1024px){.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-btn .pdl-learnmore:hover{color:rgba(0,0,0,0.95);border:1px solid #000}
}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-btn .pdl-buynow{color:#fff;background-color:#000;border:1px solid #000;transition:all .24s cubic-bezier(0.48,0.04,0.52,0.96)}
@media(min-width:1024px){.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-btn .pdl-buynow:hover{color:rgba(255,255,255,0.95);border:1px solid #3d3d3d;background:#3d3d3d}
}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont.pdl-item-cont-dark .pdl-destext .pdl-destext-box .pdl-text-content .pdl-text-title{color:#FFFFFFF2}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont.pdl-item-cont-dark .pdl-destext .pdl-destext-box .pdl-text-content .pdl-text-description{color:#FFFFFF8C}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont.pdl-item-cont-dark .pdl-destext .pdl-destext-box .pdl-text-price .now-price{color:#FFFFFFF2}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont.pdl-item-cont-dark .pdl-destext .pdl-destext-box .pdl-text-price .origin-price{color:#FFFFFF4D}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont.pdl-item-cont-dark .pdl-destext .pdl-destext-box .pdl-text-price .origin-price.origin-stop-price{color:#FFFFFFF2}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont.pdl-item-cont-dark .pdl-destext .pdl-destext-box .pdl-text-btn .pdl-learnmore{color:rgba(255,255,255,0.95);border:1px solid rgba(255,255,255,0.55)}
@media(min-width:1024px){.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont.pdl-item-cont-dark .pdl-destext .pdl-destext-box .pdl-text-btn .pdl-learnmore:hover{color:rgba(255,255,255,0.95);border:1px solid #fff}
}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont.pdl-item-cont-dark .pdl-destext .pdl-destext-box .pdl-text-btn .pdl-buynow{color:rgba(0,0,0,0.95);background:#FFF;border:1px solid #fff}
@media(min-width:1024px){.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont.pdl-item-cont-dark .pdl-destext .pdl-destext-box .pdl-text-btn .pdl-buynow:hover{color:rgba(0,0,0,0.95);border:1px solid #d6d6d6;background:#d6d6d6}
}
@media(min-width:1024px){.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container:hover .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-destext-wraper .pdl-text-btn .pdl-text-btn-wraper{opacity:1;transform:translateY(0)}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container:hover .pdl-item-cont .pdl-swiper .pdl-swiper-pagnation{margin:0}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container:hover .pdl-item-cont .pdl-swiper .pdl-swiper-container .swiper-wrapper .swiper-slide .pdl-item-img img{transform:scale(0.9)}
}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item.pdl-show-bg .pdl-item-container .pdl-item-bg{z-index:0}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item.pdl-show-bg .pdl-item-container .pdl-item-cont{background:transparent}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item.pdl-show-bg .pdl-item-container .pdl-item-cont .pdl-swiper{opacity:0}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item.pdl-item-dark .pdl-item-container .pdl-item-cont .pdl-gift p{color:#FFFFFFBF}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item.pdl-item-dark .pdl-item-container .pdl-item-cont .pdl-gift .pdl-has-gift{color:rgba(255,255,255,0.75)}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item.pdl-item-dark .pdl-item-container .pdl-item-cont .pdl-gift .pdl-has-deduct{color:rgba(255,255,255,0.75)}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item.pdl-item-dark .pdl-item-container .pdl-item-cont .pdl-gift .pdl-has-discount{color:rgba(255,255,255,0.75)}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-show-more{display:flex;justify-content:center;align-items:center;padding-bottom:20px;padding-top:20px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-show-more a{font-family:'OPPOSans-Ver2-Medium';display:block;font-size:9px;line-height:20px;padding:9px 20px;border:1px solid #dcdcdc;border-radius:36px;transition:all .15s cubic-bezier(0.48,0.04,0.52,0.96)}
@media(min-width:1024px){.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-show-more a:hover{color:rgba(0,0,0,0.95);border:1px solid #000}
}
@media(max-width:1439.98px) and (min-width:1024px){.cmp__oppo-product-list .pdl-banner{width:100%;margin-bottom:32px;padding:0 64px}
.cmp__oppo-product-list .pdl-banner .pdl-banner-img{border-radius:16px}
.cmp__oppo-product-list .pdl-banner .pdl-banner-text .pdl-banner-title{font-size:24px;line-height:32px;letter-spacing:-0.2px}
.cmp__oppo-product-list .pdl-banner .pdl-banner-text .pdl-banner-des{font-size:18px;line-height:26px;letter-spacing:-0.12px;margin-top:4px}
.cmp__oppo-product-list .product-list-vue_cmp{width:100%}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list{padding:0 64px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper{margin:0 -10px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item{flex:0 0 33.33333%;max-width:33.33333%;padding:0 10px;margin-bottom:20px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container{border-radius:16px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-bg{z-index:0}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont{padding-bottom:28px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-gift{padding:8px 10px 0 10px;margin-bottom:1px;height:28px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-gift svg{width:24px;height:24px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-gift p{font-size:14px;line-height:20px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-swiper{padding:0 28px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-swiper .pdl-swiper-container .swiper-wrapper .swiper-slide .pdl-item-img{max-width:100%;width:100%}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-swiper .pdl-swiper-pagnation{height:48px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-swiper .pdl-swiper-pagnation .swiper-pagination-bullet{width:24px;height:24px;border:0;margin-right:4px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-swiper .pdl-swiper-pagnation .swiper-pagination-bullet i{width:16px;height:16px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-swiper .pdl-swiper-pagnation .swiper-pagination-bullet:last-child{margin-right:0}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box{padding:0 20px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-content .pdl-text-icon{height:24px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-content .pdl-text-icon i{font-size:16px;line-height:24px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-content .pdl-text-title{font-size:20px;line-height:28px;margin-bottom:4px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-content .pdl-text-description{font-size:16px;line-height:24px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-price{padding:16px 0}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-price .now-price{font-size:20px;line-height:28px;margin-right:4px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-price .origin-price{font-size:16px;line-height:24px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-price .origin-price.origin-stop-price{font-size:20px;line-height:28px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-comming{font-size:18px;line-height:26px;padding-bottom:16px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-btn .pdl-text-btn-wraper{opacity:0;transform:translateY(180%);transition:transform .5s,opacity .8s}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-btn a{font-size:14px;line-height:23px;padding:8.5px 16px;border-radius:36px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-btn a:first-child{margin-right:4px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item.pdl-show-bg .pdl-item-container .pdl-item-bg{z-index:0}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item.pdl-show-bg .pdl-item-container .pdl-item-cont{background:transparent}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item.pdl-show-bg .pdl-item-container .pdl-item-cont .pdl-swiper{opacity:0}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-show-more{padding-bottom:12px;padding-top:12px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-show-more a{font-size:14px;line-height:22px;padding:9px 20px;border-radius:36px}
}
@media(max-width:1023.98px) and (min-width:650px){.cmp__oppo-product-list .pdl-banner{width:100%;margin-bottom:20px}
.cmp__oppo-product-list .pdl-banner .pdl-banner-img{border-radius:0}
.cmp__oppo-product-list .pdl-banner .pdl-banner-text .pdl-banner-title{font-size:18px;line-height:26px;letter-spacing:-0.2px}
.cmp__oppo-product-list .pdl-banner .pdl-banner-text .pdl-banner-des{font-size:14px;line-height:22px;letter-spacing:-0.12px}
.cmp__oppo-product-list .product-list-vue_cmp{width:100%}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list{padding:0 20px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper{margin:0 -4px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item{flex:0 0 33.33333%;max-width:33.33333%;padding:0 4px;margin-bottom:8px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container{height:100%;border-radius:12px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-bg{z-index:0}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont{height:100%;padding-bottom:20px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-gift{padding:4px 6px 0 6px;margin-bottom:0;height:22px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-gift svg{width:18px;height:18px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-gift p{font-size:10px;line-height:18px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-swiper{padding:0 35px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-swiper .pdl-swiper-container .swiper-wrapper .swiper-slide .pdl-item-img{max-width:100%;width:100%}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-swiper .pdl-swiper-pagnation{height:26px;padding:8px 0;margin:0}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-swiper .pdl-swiper-pagnation .swiper-pagination-bullet{width:10px;height:10px;border:0;margin-right:4px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-swiper .pdl-swiper-pagnation .swiper-pagination-bullet.swiper-pagination-bullet-active{border:0}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-swiper .pdl-swiper-pagnation .swiper-pagination-bullet i{width:10px;height:10px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-swiper .pdl-swiper-pagnation .swiper-pagination-bullet:last-child{margin-right:0}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box{padding:0 12px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-destext-wraper{display:flex;flex-wrap:wrap;flex-direction:column}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-content .pdl-text-icon{height:20px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-content .pdl-text-icon i{font-size:12px;line-height:20px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-content .pdl-text-title{font-size:14px;line-height:22px;margin-bottom:2px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-content .pdl-text-description{font-size:12px;line-height:20px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-price{padding:12px 0}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-price .now-price{font-size:14px;line-height:22px;margin-right:4px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-price .origin-price{font-size:12px;line-height:20px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-price .origin-price.origin-stop-price{font-size:14px;line-height:22px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-comming{font-size:14px;line-height:23px;padding-bottom:12px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-btn{position:initial;left:initial;bottom:initial;transform:initial;flex:1 1 auto;display:flex;align-items:flex-end}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-btn .pdl-text-btn-wraper{flex-wrap:wrap;flex:0 0 100%;max-width:100%;opacity:1;transform:translateY(0)}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-btn a{font-size:10px;line-height:18px;padding:4px 5px;border-radius:36px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-btn a:first-child{margin-right:4px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item.pdl-show-bg .pdl-item-container .pdl-item-bg{z-index:0}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item.pdl-show-bg .pdl-item-container .pdl-item-cont{background:transparent}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item.pdl-show-bg .pdl-item-container .pdl-item-cont .pdl-swiper{opacity:0}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-show-more{padding-bottom:12px;padding-top:12px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-show-more a{font-size:10px;line-height:18px;padding:5px 16px;border-radius:36px}
}
@media(max-width:649.98px){.cmp__oppo-product-list .pdl-banner{width:100%;margin-bottom:16px}
.cmp__oppo-product-list .pdl-banner .pdl-banner-img{height:130px;background-repeat:no-repeat;background-size:auto 100%;background-position:center;border-radius:0}
.cmp__oppo-product-list .pdl-banner .pdl-banner-img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;width:auto}
.cmp__oppo-product-list .pdl-banner .pdl-banner-text .pdl-banner-title{font-size:18px;line-height:26px;letter-spacing:-0.2px}
.cmp__oppo-product-list .pdl-banner .pdl-banner-text .pdl-banner-des{font-size:14px;line-height:22px;letter-spacing:-0.12px}
.cmp__oppo-product-list .product-list-vue_cmp{width:100%}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list{padding:0 16px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper{margin:0 -4px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item{flex:0 0 50%;max-width:50%;padding:0 4px;margin-bottom:8px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container{height:100%;border-radius:12px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-bg{z-index:0}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont{height:100%;padding-bottom:12px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-gift{padding:4px 6px 0 6px;margin-bottom:0;height:22px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-gift svg{width:18px;height:18px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-gift p{font-size:10px;line-height:18px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-swiper{padding:0 16px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-swiper .pdl-swiper-container .swiper-wrapper .swiper-slide .pdl-item-img{max-width:100%;width:100%}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-swiper .pdl-swiper-pagnation{height:26px;padding:8px 0;margin:0}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-swiper .pdl-swiper-pagnation .swiper-pagination-bullet{width:10px;height:10px;margin-right:4px;border:0}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-swiper .pdl-swiper-pagnation .swiper-pagination-bullet.swiper-pagination-bullet-active{border:0}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-swiper .pdl-swiper-pagnation .swiper-pagination-bullet i{width:10px;height:10px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-swiper .pdl-swiper-pagnation .swiper-pagination-bullet:last-child{margin-right:0}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box{padding:0 12px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-destext-wraper{display:flex;flex-wrap:wrap;flex-direction:column}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-content .pdl-text-icon{height:20px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-content .pdl-text-icon i{font-size:12px;line-height:20px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-content .pdl-text-title{font-size:14px;line-height:22px;margin-bottom:2px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-content .pdl-text-description{font-size:12px;line-height:20px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-price{padding:8px 0 12px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-price .now-price{font-size:14px;line-height:22px;margin-right:4px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-price .origin-price{font-size:12px;line-height:20px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-price .origin-price.origin-stop-price{font-size:14px;line-height:22px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-comming{font-size:14px;line-height:23px;padding-bottom:12px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-btn{position:initial;left:initial;bottom:initial;transform:initial;flex:1 1 auto;display:flex;align-items:flex-end}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-btn .pdl-text-btn-wraper{flex-wrap:wrap;flex:0 0 100%;max-width:100%;opacity:1;transform:translateY(0)}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-btn a{font-size:10px;line-height:18px;padding:4px 16px;border-radius:36px;margin-bottom:4px;margin-right:2px;margin-left:2px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item .pdl-item-container .pdl-item-cont .pdl-destext .pdl-destext-box .pdl-text-btn a:first-child{margin-right:2px;margin-left:2px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item.pdl-show-bg .pdl-item-container .pdl-item-bg{z-index:0}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item.pdl-show-bg .pdl-item-container .pdl-item-cont{background:transparent}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-list-wrapper .pdl-list-item.pdl-show-bg .pdl-item-container .pdl-item-cont .pdl-swiper{opacity:0}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-show-more{padding-bottom:8px;padding-top:8px}
.cmp__oppo-product-list .product-list-vue_cmp .pdl-list .pdl-show-more a{font-size:10px;line-height:18px;padding:5px 16px;border-radius:36px}
}
.cmp__productlist-recommend *{box-sizing:border-box}
.cmp__productlist-recommend .recommend-box{width:1312px;margin:0 auto;padding-top:20px}
.cmp__productlist-recommend .recommend-box .recommend-bar{display:flex;flex-wrap:nowrap;justify-content:space-between;margin-bottom:40px}
.cmp__productlist-recommend .recommend-box .recommend-bar .recommend-title p{font-family:'OPPOSans-Ver2-Medium';font-size:36px;line-height:44px;letter-spacing:-0.1px}
.cmp__productlist-recommend .recommend-box .recommend-bar .recommend-swipercontrol{display:flex;align-items:center;flex-wrap:nowrap}
@media(max-width:1023.98px){.cmp__productlist-recommend .recommend-box .recommend-bar .recommend-swipercontrol{display:none}
}
.cmp__productlist-recommend .recommend-box .recommend-bar .recommend-swipercontrol a{display:block;width:48px;height:48px;border-radius:50%;outline:0;transition:background-image .24s cubic-bezier(0.48,0.04,0.52,0.96)}
.cmp__productlist-recommend .recommend-box .recommend-bar .recommend-swipercontrol a.recommend-prev{margin-right:16px;background-image:url(clientlib-productlist/css/[object Module]);background-repeat:no-repeat;background-size:100%}
.cmp__productlist-recommend .recommend-box .recommend-bar .recommend-swipercontrol a.recommend-next{background-image:url(clientlib-productlist/css/[object Module]);background-repeat:no-repeat;background-size:100%}
.cmp__productlist-recommend .recommend-box .recommend-bar .recommend-swipercontrol a.recommend-prev.swiper-button-disabled{background-image:url(clientlib-productlist/css/[object Module])}
.cmp__productlist-recommend .recommend-box .recommend-bar .recommend-swipercontrol a.recommend-next.swiper-button-disabled{background-image:url(clientlib-productlist/css/[object Module])}
@media(min-width:1024px){.cmp__productlist-recommend .recommend-box .recommend-bar .recommend-swipercontrol a.recommend-prev:not(.swiper-button-disabled):hover{background-image:url(clientlib-productlist/css/[object Module])}
.cmp__productlist-recommend .recommend-box .recommend-bar .recommend-swipercontrol a.recommend-next:not(.swiper-button-disabled):hover{background-image:url(clientlib-productlist/css/[object Module])}
}
.cmp__productlist-recommend .recommend-swiper-component{padding-top:130px}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper{width:100%;padding-bottom:88px}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper .recommend-swiper-container{overflow:hidden;margin-bottom:40px}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper .swiper-wrapper{transition-timing-function:ease-in-out}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper .swiper-wrapper .recommend-swiper-item{position:relative;overflow:hidden}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper .swiper-wrapper .recommend-swiper-item .recommend-item-box{width:100%;height:100%;border-radius:16px;overflow:hidden}
@media(min-width:1024px){.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper .swiper-wrapper .recommend-swiper-item .recommend-item-box:hover .recommend-item-img::after{background:rgba(0,0,0,0.12)}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper .swiper-wrapper .recommend-swiper-item .recommend-item-box:hover .recommend-item-img img{transform:scale(1.1)}
}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper .swiper-wrapper .recommend-swiper-item .recommend-item-img{position:relative;overflow:hidden}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper .swiper-wrapper .recommend-swiper-item .recommend-item-img img{display:block;width:100%;transition:all .5s cubic-bezier(0.48,0.04,0.52,0.96)}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper .swiper-wrapper .recommend-swiper-item .recommend-item-img::after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0);border-top-left-radius:16px;border-top-right-radius:16px;transition:all .5s cubic-bezier(0.48,0.04,0.52,0.96)}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper .swiper-wrapper .recommend-swiper-item .recommend-item-text{width:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;padding:12px 24px 20px;background:#948b85}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper .swiper-wrapper .recommend-swiper-item .recommend-item-text .recommend-item-content{color:#fff}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper .swiper-wrapper .recommend-swiper-item .recommend-item-text .recommend-item-content .recommend-item-title{font-family:'OPPOSans-Ver2-Medium';font-size:18px;line-height:26px;letter-spacing:-0.12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:4px}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper .swiper-wrapper .recommend-swiper-item .recommend-item-text .recommend-item-content .recommend-item-des{font-family:'OPPOSans-Ver2-Regular';font-size:16px;line-height:24px;letter-spacing:-0.12px;color:rgba(255,255,255,0.55);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper .swiper-wrapper .recommend-swiper-item .recommend-item-text .recommend-item-btn{display:flex;align-items:flex-end;padding-left:12px}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper .swiper-wrapper .recommend-swiper-item .recommend-item-text .recommend-item-btn i{display:block;width:32px;height:32px;background:url(clientlib-productlist/css/[object Module]) no-repeat;background-size:100%;border-radius:50%}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper .recommend-swiper-scrollbar{width:50%;height:4px;margin:0 auto;background:rgba(0,0,0,0.08);opacity:0}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper .recommend-swiper-scrollbar .swiper-scrollbar-drag{background:rgba(0,0,0,0.28)}
@media(min-width:1024px){.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper:hover .recommend-swiper-scrollbar{opacity:1;transition:opacity .5s}
}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper.recommend-swiper-flex .recommend-swiper-container{margin-left:-10px;margin-right:-10px}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper.recommend-swiper-flex .recommend-swiper-container .swiper-wrapper{display:flex}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper.recommend-swiper-flex .recommend-swiper-container .swiper-wrapper .recommend-swiper-item{flex:0 0 33.33333333%;padding:0 10px}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-bar{margin-bottom:20px}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-bar .recommend-title p{font-size:24px;line-height:32px;letter-spacing:-0.2px}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-normal{width:100%;margin-right:auto;margin-left:auto}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-normal .normal-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:auto;margin-right:-10px;margin-left:-10px}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-normal .normal-row .normal-item{padding:0 10px}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-normal .normal-row .normal-item .normal-item-wraper{position:relative;display:block;border-radius:16px;overflow:hidden}
@media(min-width:1024px){.cmp__productlist-recommend .recommend-noswiper-component .recommend-normal .normal-row .normal-item .normal-item-wraper:hover .normal-item-img{transform:scale(1.1)}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-normal .normal-row .normal-item .normal-item-wraper:hover .normal-item-img::after{background:rgba(0,0,0,0.12)}
}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-normal .normal-row .normal-item .normal-item-wraper .normal-item-img{height:282px;background-repeat:no-repeat;background-size:auto 100%;background-position:center;transition:all .5s cubic-bezier(0.48,0.04,0.52,0.96)}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-normal .normal-row .normal-item .normal-item-wraper .normal-item-img::after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0);border-top-left-radius:16px;border-top-right-radius:16px;transition:all .5s cubic-bezier(0.48,0.04,0.52,0.96)}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-normal .normal-row .normal-item .normal-item-wraper .normal-item-img img{display:block;width:100%;opacity:0}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-normal .normal-row .normal-item .normal-item-wraper .normal-item-text{position:absolute;left:0;bottom:0;padding:0 20px 20px 24px}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-normal .normal-row .normal-item .normal-item-wraper .normal-item-text .normal-item-title{font-family:'OPPOSans-Ver2-Medium';font-size:18px;line-height:26px;letter-spacing:-0.12px;color:rgba(255,255,255,0.95);margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-normal .normal-row .normal-item .normal-item-wraper .normal-item-text .normal-item-des{font-size:16px;line-height:24px;color:rgba(255,255,255,0.55);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-normal.normal-two .normal-item{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-normal.normal-three .normal-item{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.cmp__productlist-recommend.recommend-swiper-dark .recommend-swiper-component .recommend-swiper .swiper-wrapper .recommend-swiper-item .recommend-item-text .recommend-item-content .recommend-item-title{color:#000000F2}
.cmp__productlist-recommend.recommend-swiper-dark .recommend-swiper-component .recommend-swiper .swiper-wrapper .recommend-swiper-item .recommend-item-text .recommend-item-content .recommend-item-des{color:#000000BF}
.cmp__productlist-recommend.recommend-swiper-dark .recommend-noswiper-component .recommend-normal .normal-row .normal-item .normal-item-wraper .normal-item-text .normal-item-title{color:#000000F2}
.cmp__productlist-recommend.recommend-swiper-dark .recommend-noswiper-component .recommend-normal .normal-row .normal-item .normal-item-wraper .normal-item-text .normal-item-des{color:#0000008C}
@media(max-width:1439.98px) and (min-width:1024px){.cmp__productlist-recommend .recommend-box{padding-top:12px;width:100%}
.cmp__productlist-recommend .recommend-box .recommend-bar{margin-bottom:40px;padding:0 64px}
.cmp__productlist-recommend .recommend-box .recommend-bar .recommend-title p{font-size:36px;line-height:44px;letter-spacing:0;color:rgba(0,0,0,0.95)}
.cmp__productlist-recommend .recommend-swiper-component{padding-top:66px}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper{padding:0 64px 40px}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper .swiper-wrapper .recommend-swiper-item .recommend-item-box{border-radius:16px}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper .swiper-wrapper .recommend-swiper-item .recommend-item-text{padding:12px 20px 20px 24px}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper .swiper-wrapper .recommend-swiper-item .recommend-item-text .recommend-item-content .recommend-item-title{font-size:18px;line-height:26px;letter-spacing:0;margin-bottom:0}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper .swiper-wrapper .recommend-swiper-item .recommend-item-text .recommend-item-content .recommend-item-des{font-size:16px;line-height:24px;letter-spacing:0}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper .swiper-wrapper .recommend-swiper-item .recommend-item-text .recommend-item-btn{padding-left:12px}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper .swiper-wrapper .recommend-swiper-item .recommend-item-text .recommend-item-btn i{width:32px;height:32px}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper.recommend-swiper-flex .recommend-swiper-container{margin-left:-10px;margin-right:-10px}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper.recommend-swiper-flex .recommend-swiper-container .swiper-wrapper{display:flex}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper.recommend-swiper-flex .recommend-swiper-container .swiper-wrapper .recommend-swiper-item{flex:0 0 305.3333px;padding:0 10px}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-bar{margin-bottom:12px}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-bar .recommend-title p{font-size:24px;line-height:32px;letter-spacing:0}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-normal{padding:0 64px;overflow:hidden}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-normal .normal-row{width:auto;margin-right:-10px;margin-left:-10px}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-normal .normal-row .normal-item{padding:0 10px}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-normal .normal-row .normal-item .normal-item-wraper{border-radius:16px}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-normal .normal-row .normal-item .normal-item-wraper .normal-item-img{height:191px}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-normal .normal-row .normal-item .normal-item-wraper .normal-item-text{padding:0 20px 20px 24px}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-normal .normal-row .normal-item .normal-item-wraper .normal-item-text .normal-item-title{font-size:18px;line-height:26px;letter-spacing:0;margin-bottom:0}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-normal .normal-row .normal-item .normal-item-wraper .normal-item-text .normal-item-des{font-size:16px;line-height:24px}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-normal.normal-two .normal-item{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-normal.normal-three .normal-item{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.cmp__productlist-recommend .recommend-noswiper-component.recommend-swiper-flex .recommend-normal .normal-row{margin:0}
.cmp__productlist-recommend .recommend-noswiper-component.recommend-swiper-flex .recommend-normal .normal-row .normal-item{padding-left:0;padding-right:0}
}
@media(max-width:1023.98px) and (min-width:650px){.cmp__productlist-recommend .recommend-box{padding-top:12px;width:100%}
.cmp__productlist-recommend .recommend-box .recommend-bar{margin-bottom:12px;padding:0 20px}
.cmp__productlist-recommend .recommend-box .recommend-bar .recommend-title p{font-size:24px;line-height:32px;letter-spacing:0;color:rgba(0,0,0,0.95)}
.cmp__productlist-recommend .recommend-swiper-component{padding-top:20px}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper{padding:0 20px 52px}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper .recommend-swiper-container{margin-bottom:0;overflow:initial}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper .swiper-wrapper .recommend-swiper-item .recommend-item-box{border-radius:12px}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper .swiper-wrapper .recommend-swiper-item .recommend-item-text{padding:6px 12px 12px 16px}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper .swiper-wrapper .recommend-swiper-item .recommend-item-text .recommend-item-content .recommend-item-title{font-size:14px;line-height:22px;letter-spacing:0;margin-bottom:0}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper .swiper-wrapper .recommend-swiper-item .recommend-item-text .recommend-item-content .recommend-item-des{font-size:12px;line-height:20px;letter-spacing:0}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper .swiper-wrapper .recommend-swiper-item .recommend-item-text .recommend-item-btn{padding-left:12px}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper .swiper-wrapper .recommend-swiper-item .recommend-item-text .recommend-item-btn i{width:24px;height:24px}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper.recommend-swiper-flex .recommend-swiper-container{margin-left:-4px;margin-right:-4px}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper.recommend-swiper-flex .recommend-swiper-container .swiper-wrapper{display:flex}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper.recommend-swiper-flex .recommend-swiper-container .swiper-wrapper .recommend-swiper-item{flex:0 0 50%;padding:0 4px}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-bar{margin-bottom:12px}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-bar .recommend-title p{font-size:16px;line-height:24px;letter-spacing:0}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-normal{padding:0 20px;overflow:hidden}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-normal .normal-row{width:auto;margin-right:-4px;margin-left:-4px}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-normal .normal-row .normal-item{padding:0 4px}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-normal .normal-row .normal-item .normal-item-wraper{border-radius:12px}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-normal .normal-row .normal-item .normal-item-wraper .normal-item-img{height:160px}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-normal .normal-row .normal-item .normal-item-wraper .normal-item-text{padding:0 16px 12px}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-normal .normal-row .normal-item .normal-item-wraper .normal-item-text .normal-item-title{font-size:14px;line-height:22px;letter-spacing:0;margin-bottom:0}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-normal .normal-row .normal-item .normal-item-wraper .normal-item-text .normal-item-des{font-size:12px;line-height:20px}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-normal.normal-two .normal-item{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.cmp__productlist-recommend .recommend-noswiper-component.recommend-swiper-flex .recommend-normal .normal-row{margin:0}
.cmp__productlist-recommend .recommend-noswiper-component.recommend-swiper-flex .recommend-normal .normal-row .normal-item{padding-left:0;padding-right:0}
}
@media(max-width:649.98px){.cmp__productlist-recommend .recommend-box{padding-top:8px;width:100%}
.cmp__productlist-recommend .recommend-box .recommend-bar{margin-bottom:16px;padding:0 16px}
.cmp__productlist-recommend .recommend-box .recommend-bar .recommend-title p{font-size:24px;line-height:32px;letter-spacing:0;color:rgba(0,0,0,0.95)}
.cmp__productlist-recommend .recommend-swiper-component{padding-top:32px}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper{padding:0 16px 60px}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper .recommend-swiper-container{margin-bottom:0;overflow:initial}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper .swiper-wrapper .recommend-swiper-item .recommend-item-box{border-radius:12px}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper .swiper-wrapper .recommend-swiper-item .recommend-item-text{padding:6px 12px 12px 16px}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper .swiper-wrapper .recommend-swiper-item .recommend-item-text .recommend-item-content .recommend-item-title{font-size:14px;line-height:22px;letter-spacing:0;margin-bottom:0}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper .swiper-wrapper .recommend-swiper-item .recommend-item-text .recommend-item-content .recommend-item-des{font-size:12px;line-height:20px;letter-spacing:0}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper .swiper-wrapper .recommend-swiper-item .recommend-item-text .recommend-item-btn{padding-left:12px}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper .swiper-wrapper .recommend-swiper-item .recommend-item-text .recommend-item-btn i{width:24px;height:24px}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper.recommend-swiper-flex .recommend-swiper-container{margin-left:0;margin-right:0}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper.recommend-swiper-flex .recommend-swiper-container .swiper-wrapper{display:flex}
.cmp__productlist-recommend .recommend-swiper-component .recommend-swiper.recommend-swiper-flex .recommend-swiper-container .swiper-wrapper .recommend-swiper-item{flex:0 0 100%;padding:0}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-bar{margin-bottom:12px}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-bar .recommend-title p{font-size:18px;line-height:26px;letter-spacing:0}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-normal{padding:0 16px;overflow:hidden}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-normal .normal-row{width:auto;margin-right:-4px;margin-left:-4px}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-normal .normal-row .normal-item{padding:0 4px}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-normal .normal-row .normal-item .normal-item-wraper{border-radius:12px}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-normal .normal-row .normal-item .normal-item-wraper .normal-item-img{height:160px}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-normal .normal-row .normal-item .normal-item-wraper .normal-item-text{padding:0 16px 12px}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-normal .normal-row .normal-item .normal-item-wraper .normal-item-text .normal-item-title{font-size:14px;line-height:22px;letter-spacing:0;margin-bottom:0}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-normal .normal-row .normal-item .normal-item-wraper .normal-item-text .normal-item-des{font-size:12px;line-height:20px}
.cmp__productlist-recommend .recommend-noswiper-component .recommend-normal.normal-two .normal-item{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.cmp__productlist-recommend .recommend-noswiper-component.recommend-swiper-flex .recommend-normal .normal-row{margin:0}
.cmp__productlist-recommend .recommend-noswiper-component.recommend-swiper-flex .recommend-normal .normal-row .normal-item{padding-left:0;padding-right:0}
}
@font-face{.op-swiper-container{font-family:'swiper-icons';src:url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}
}
.op-swiper-container :root{--swiper-theme-color:#007aff}
.op-swiper-container .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.op-swiper-container .swiper-container-vertical>.swiper-wrapper{flex-direction:column}
.op-swiper-container .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.op-swiper-container .swiper-container-android .swiper-slide,.op-swiper-container .swiper-wrapper{transform:translate3d(0,0,0)}
.op-swiper-container .swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}
.op-swiper-container .swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}
.op-swiper-container .swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}
.op-swiper-container .swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}
.op-swiper-container .swiper-slide-invisible-blank{visibility:hidden}
.op-swiper-container .swiper-container-autoheight,.op-swiper-container .swiper-container-autoheight .swiper-slide{height:auto}
.op-swiper-container .swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}
.op-swiper-container .swiper-container-3d{perspective:1200px}
.op-swiper-container .swiper-container-3d .swiper-wrapper,.op-swiper-container .swiper-container-3d .swiper-slide,.op-swiper-container .swiper-container-3d .swiper-slide-shadow-left,.op-swiper-container .swiper-container-3d .swiper-slide-shadow-right,.op-swiper-container .swiper-container-3d .swiper-slide-shadow-top,.op-swiper-container .swiper-container-3d .swiper-slide-shadow-bottom,.op-swiper-container .swiper-container-3d .swiper-cube-shadow{transform-style:preserve-3d}
.op-swiper-container .swiper-container-3d .swiper-slide-shadow-left,.op-swiper-container .swiper-container-3d .swiper-slide-shadow-right,.op-swiper-container .swiper-container-3d .swiper-slide-shadow-top,.op-swiper-container .swiper-container-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.op-swiper-container .swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,0.5),rgba(0,0,0,0))}
.op-swiper-container .swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,0.5),rgba(0,0,0,0))}
.op-swiper-container .swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0))}
.op-swiper-container .swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0))}
.op-swiper-container .swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.op-swiper-container .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}
.op-swiper-container .swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}
.op-swiper-container .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}
.op-swiper-container .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}
.op-swiper-container :root{--swiper-navigation-size:44px}
.op-swiper-container .swiper-button-prev,.op-swiper-container .swiper-button-next{position:absolute;top:50%;width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size) / 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}
.op-swiper-container .swiper-button-prev.swiper-button-disabled,.op-swiper-container .swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.op-swiper-container .swiper-button-prev:after,.op-swiper-container .swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}
.op-swiper-container .swiper-button-prev,.op-swiper-container .swiper-container-rtl .swiper-button-next{left:10px;right:auto}
.op-swiper-container .swiper-button-prev:after,.op-swiper-container .swiper-container-rtl .swiper-button-next:after{content:'prev'}
.op-swiper-container .swiper-button-next,.op-swiper-container .swiper-container-rtl .swiper-button-prev{right:10px;left:auto}
.op-swiper-container .swiper-button-next:after,.op-swiper-container .swiper-container-rtl .swiper-button-prev:after{content:'next'}
.op-swiper-container .swiper-button-prev.swiper-button-white,.op-swiper-container .swiper-button-next.swiper-button-white{--swiper-navigation-color:#fff}
.op-swiper-container .swiper-button-prev.swiper-button-black,.op-swiper-container .swiper-button-next.swiper-button-black{--swiper-navigation-color:#000}
.op-swiper-container .swiper-button-lock{display:none}
.op-swiper-container .swiper-pagination{position:absolute;text-align:center;transition:300ms opacity;transform:translate3d(0,0,0);z-index:10}
.op-swiper-container .swiper-pagination.swiper-pagination-hidden{opacity:0}
.op-swiper-container .swiper-pagination-fraction,.op-swiper-container .swiper-pagination-custom,.op-swiper-container .swiper-container-horizontal>.swiper-pagination-bullets{bottom:10px;left:0;width:100%}
.op-swiper-container .swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}
.op-swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(0.33);position:relative}
.op-swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}
.op-swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}
.op-swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)}
.op-swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)}
.op-swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)}
.op-swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(0.33)}
.op-swiper-container .swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}
.op-swiper-container button.swiper-pagination-bullet{border:0;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.op-swiper-container .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.op-swiper-container .swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}
.op-swiper-container .swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}
.op-swiper-container .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}
.op-swiper-container .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}
.op-swiper-container .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:200ms transform,200ms top}
.op-swiper-container .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
.op-swiper-container .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}
.op-swiper-container .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform,200ms left}
.op-swiper-container .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform,200ms right}
.op-swiper-container .swiper-pagination-progressbar{background:rgba(0,0,0,0.25);position:absolute}
.op-swiper-container .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}
.op-swiper-container .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}
.op-swiper-container .swiper-container-horizontal>.swiper-pagination-progressbar,.op-swiper-container .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}
.op-swiper-container .swiper-container-vertical>.swiper-pagination-progressbar,.op-swiper-container .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:4px;height:100%;left:0;top:0}
.op-swiper-container .swiper-pagination-white{--swiper-pagination-color:#fff}
.op-swiper-container .swiper-pagination-black{--swiper-pagination-color:#000}
.op-swiper-container .swiper-pagination-lock{display:none}
.op-swiper-container .swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,0.1)}
.op-swiper-container .swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:50%;bottom:3px;z-index:50;height:5px;width:50%;transform:translateX(-50%)}
@media(max-width:767.98px){.op-swiper-container .swiper-container-horizontal>.swiper-scrollbar{width:90%}
}
.op-swiper-container .swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}
.op-swiper-container .swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,0.5);border-radius:10px;left:0;top:0}
.op-swiper-container .swiper-scrollbar-cursor-drag{cursor:move}
.op-swiper-container .swiper-scrollbar-lock{display:none}
.op-swiper-container .swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}
.op-swiper-container .swiper-zoom-container>img,.op-swiper-container .swiper-zoom-container>svg,.op-swiper-container .swiper-zoom-container>canvas{max-width:100%;max-height:100%;object-fit:contain}
.op-swiper-container .swiper-slide-zoomed{cursor:move}
.op-swiper-container .swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}
.op-swiper-container .swiper-lazy-preloader-white{--swiper-preloader-color:#fff}
.op-swiper-container .swiper-lazy-preloader-black{--swiper-preloader-color:#000}
@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}
}
.op-swiper-container .swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.op-swiper-container .swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}
.op-swiper-container .swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}
.op-swiper-container .swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}
.op-swiper-container .swiper-container-fade .swiper-slide-active,.op-swiper-container .swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.op-swiper-container .swiper-container-cube{overflow:visible}
.op-swiper-container .swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}
.op-swiper-container .swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}
.op-swiper-container .swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}
.op-swiper-container .swiper-container-cube .swiper-slide-active,.op-swiper-container .swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.op-swiper-container .swiper-container-cube .swiper-slide-active,.op-swiper-container .swiper-container-cube .swiper-slide-next,.op-swiper-container .swiper-container-cube .swiper-slide-prev,.op-swiper-container .swiper-container-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}
.op-swiper-container .swiper-container-cube .swiper-slide-shadow-top,.op-swiper-container .swiper-container-cube .swiper-slide-shadow-bottom,.op-swiper-container .swiper-container-cube .swiper-slide-shadow-left,.op-swiper-container .swiper-container-cube .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.op-swiper-container .swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}
.op-swiper-container .swiper-container-flip{overflow:visible}
.op-swiper-container .swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}
.op-swiper-container .swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}
.op-swiper-container .swiper-container-flip .swiper-slide-active,.op-swiper-container .swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.op-swiper-container .swiper-container-flip .swiper-slide-shadow-top,.op-swiper-container .swiper-container-flip .swiper-slide-shadow-bottom,.op-swiper-container .swiper-container-flip .swiper-slide-shadow-left,.op-swiper-container .swiper-container-flip .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.cmp__productlist-series-navigation{padding-bottom:28px}
.cmp__productlist-series-navigation *{box-sizing:border-box}
.cmp__productlist-series-navigation .pdseries-box{width:1312px;margin:0 auto}
.cmp__productlist-series-navigation .pdseries-box .pdseries-top{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between}
.cmp__productlist-series-navigation .pdseries-box .pdseries-top .pd-banner-title p{font-family:'OPPOSans-Ver2-Medium';font-size:36px;line-height:44px}
.cmp__productlist-series-navigation .pdseries-box .pdseries-top .pdseries-comparelink{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;background:#ebebeb;padding:9px 20px;border-radius:36px;transition:all .24s cubic-bezier(0.48,0.04,0.52,0.96)}
.cmp__productlist-series-navigation .pdseries-box .pdseries-top .pdseries-comparelink svg{display:block;width:20px;height:20px;margin-right:4px}
.cmp__productlist-series-navigation .pdseries-box .pdseries-top .pdseries-comparelink p{display:block;font-size:14px;line-height:22px;letter-spacing:-0.06px;color:rgba(0,0,0,0.95)}
@media(min-width:1024px){.cmp__productlist-series-navigation .pdseries-box .pdseries-top .pdseries-comparelink:hover{background:#cfcfcf}
}
@media(max-width:1023.98px){.cmp__productlist-series-navigation .pdseries-box .pdseries-top .pdseries-comparelink{padding:6px 16px;border-radius:36px}
.cmp__productlist-series-navigation .pdseries-box .pdseries-top .pdseries-comparelink i{width:16px;height:16px;margin-right:4px}
.cmp__productlist-series-navigation .pdseries-box .pdseries-top .pdseries-comparelink p{font-size:10px;line-height:18px;letter-spacing:-0.06px}
}
.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom{position:relative;margin-top:28px}
.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom .pdseries-bottom-wrap .pdseries-bottom-box{padding:12px 0}
.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom .pdseries-bottom-wrap .pdseries-bottom-box .pdseries-swiper{overflow-x:auto}
.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom .pdseries-bottom-wrap .pdseries-bottom-box .pdseries-swiper::-webkit-scrollbar{display:none}
.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom .pdseries-bottom-wrap .pdseries-bottom-box .pdseries-swiper{scrollbar-width:none;-ms-overflow-style:none}
.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom .pdseries-bottom-wrap .pdseries-bottom-box .pdseries-swiper .swiper-wrapper{display:flex;flex-wrap:nowrap;align-items:center}
.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom .pdseries-bottom-wrap .pdseries-bottom-box .pdseries-swiper .swiper-wrapper .swiper-slide{width:auto;flex:0 0 auto}
.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom .pdseries-bottom-wrap .pdseries-bottom-box .pdseries-swiper .swiper-wrapper .swiper-slide a{font-family:'OPPOSans-Ver2-Medium';font-size:20px;line-height:28px;color:rgba(0,0,0,0.55);transition:all .24s cubic-bezier(0.48,0.04,0.52,0.96)}
.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom .pdseries-bottom-wrap .pdseries-bottom-box .pdseries-swiper .swiper-wrapper .swiper-slide a.pdseries-select{font-family:'OPPOSans-Ver2-Medium';color:rgba(0,0,0,0.95)}
@media(min-width:1024px){.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom .pdseries-bottom-wrap .pdseries-bottom-box .pdseries-swiper .swiper-wrapper .swiper-slide a:hover{color:rgba(0,0,0,0.95)}
}
.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom .pdseries-bottom-wrap .pdseries-bottom-box .pdseries-swiper .swiper-wrapper .swiper-slide:last-child{margin-right:0}
.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom .pdseries-bottom-wrap .pdseries-bottom-box .pdseries-btn{display:none}
.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom .pdseries-bottom-wrap .pdseries-bottom-box .pdseries-btn .pdseries-comparelink{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;background:#ebebeb;padding:9px 20px;border-radius:36px;transition:all .24s cubic-bezier(0.48,0.04,0.52,0.96)}
.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom .pdseries-bottom-wrap .pdseries-bottom-box .pdseries-btn .pdseries-comparelink svg{display:block;width:20px;height:20px;margin-right:4px}
.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom .pdseries-bottom-wrap .pdseries-bottom-box .pdseries-btn .pdseries-comparelink p{display:block;font-size:14px;line-height:22px;letter-spacing:-0.06px;color:rgba(0,0,0,0.95)}
@media(min-width:1024px){.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom .pdseries-bottom-wrap .pdseries-bottom-box .pdseries-btn .pdseries-comparelink:hover{background:#cfcfcf}
}
@media(max-width:1023.98px){.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom .pdseries-bottom-wrap .pdseries-bottom-box .pdseries-btn .pdseries-comparelink{padding:6px 16px;border-radius:36px}
.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom .pdseries-bottom-wrap .pdseries-bottom-box .pdseries-btn .pdseries-comparelink i{width:16px;height:16px;margin-right:4px}
.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom .pdseries-bottom-wrap .pdseries-bottom-box .pdseries-btn .pdseries-comparelink p{font-size:10px;line-height:18px;letter-spacing:-0.06px}
}
.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom .pdseries-bottom-wrap.pdseries-bottom-fixed{position:fixed;top:0;left:0;z-index:2;width:100%;margin:0 auto;background:rgba(255,255,255,0.91);backdrop-filter:blur(16px) opacity(96%);-webkit-backdrop-filter:blur(16px) opacity(96%);box-shadow:0 2px 10px rgba(0,0,0,0.04)}
.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom .pdseries-bottom-wrap.pdseries-bottom-fixed .pdseries-bottom-box{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;width:1312px;margin:0 auto}
.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom .pdseries-bottom-wrap.pdseries-bottom-fixed .pdseries-bottom-box .pdseries-btn{display:block;padding-left:15px}
@media(max-width:1439.98px) and (min-width:1024px){.cmp__productlist-series-navigation{padding-bottom:20px}
.cmp__productlist-series-navigation .pdseries-box{width:100%;padding:0 64px}
.cmp__productlist-series-navigation .pdseries-box .pdseries-top .pd-banner-title p{font-size:36px;line-height:44px;color:rgba(0,0,0,0.95)}
.cmp__productlist-series-navigation .pdseries-box .pdseries-top .pdseries-comparelink{border-radius:36px}
.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom{margin-top:20px}
.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom .pdseries-bottom-wrap .pdseries-bottom-box{width:100%;padding:12px 0}
.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom .pdseries-bottom-wrap .pdseries-bottom-box .pdseries-swiper .swiper-wrapper .swiper-slide a{font-size:20px;line-height:28px}
.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom .pdseries-bottom-wrap.pdseries-bottom-fixed{padding:0 64px}
.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom .pdseries-bottom-wrap.pdseries-bottom-fixed .pdseries-bottom-box{width:100%}
.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom .pdseries-bottom-wrap.pdseries-bottom-fixed .pdseries-bottom-box .pdseries-swiper{width:100%}
}
@media(max-width:1023.98px) and (min-width:650px){.cmp__productlist-series-navigation{padding-bottom:8px}
.cmp__productlist-series-navigation .pdseries-box{width:100%;padding:0 20px}
.cmp__productlist-series-navigation .pdseries-box .pdseries-top .pd-banner-title p{font-size:24px;line-height:32px;color:rgba(0,0,0,0.95)}
.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom{margin-top:16px}
.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom .pdseries-bottom-wrap .pdseries-bottom-box{width:100%}
.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom .pdseries-bottom-wrap .pdseries-bottom-box .pdseries-swiper{overflow-x:visible}
.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom .pdseries-bottom-wrap .pdseries-bottom-box .pdseries-swiper .swiper-wrapper .swiper-slide a{font-size:14px;line-height:22px}
.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom .pdseries-bottom-wrap .pdseries-bottom-box .pdseries-swiper .pdseries-btn{display:none}
.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom .pdseries-bottom-wrap.pdseries-bottom-fixed{padding:0 20px;width:100%}
.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom .pdseries-bottom-wrap.pdseries-bottom-fixed .pdseries-bottom-box{width:100%}
.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom .pdseries-bottom-wrap.pdseries-bottom-fixed .pdseries-bottom-box .swiper-wrapper{width:100%}
.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom .pdseries-bottom-wrap.pdseries-bottom-fixed .pdseries-bottom-box .pdseries-btn{display:none}
}
@media(max-width:649.98px){.cmp__productlist-series-navigation{padding-bottom:8px}
.cmp__productlist-series-navigation .pdseries-box{width:100%;padding:0 16px}
.cmp__productlist-series-navigation .pdseries-box .pdseries-top .pd-banner-title p{font-size:24px;line-height:32px;color:rgba(0,0,0,0.95)}
.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom{position:relative;margin-top:16px}
.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom .pdseries-bottom-wrap .pdseries-bottom-box{width:100%}
.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom .pdseries-bottom-wrap .pdseries-bottom-box .pdseries-swiper{overflow:visible}
.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom .pdseries-bottom-wrap .pdseries-bottom-box .pdseries-swiper .swiper-wrapper .swiper-slide{flex:0 0 auto}
.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom .pdseries-bottom-wrap .pdseries-bottom-box .pdseries-swiper .swiper-wrapper .swiper-slide a{font-size:14px;line-height:22px}
.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom .pdseries-bottom-wrap.pdseries-bottom-fixed{padding:0 16px;width:100%}
.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom .pdseries-bottom-wrap.pdseries-bottom-fixed .pdseries-bottom-box{width:100%}
.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom .pdseries-bottom-wrap.pdseries-bottom-fixed .pdseries-bottom-box .swiper-wrapper{width:100%}
.cmp__productlist-series-navigation .pdseries-box .pdseries-bottom .pdseries-bottom-wrap.pdseries-bottom-fixed .pdseries-bottom-box .pdseries-btn{display:none}
}
.cmp__plp-search-card{background:#fafafa;padding:64px 0}
.cmp__plp-search-card *{box-sizing:border-box}
.cmp__plp-search-card .plp-title{text-align:center;color:rgba(0,0,0,0.95)}
.cmp__plp-search-card .search-card-title{text-align:center;color:rgba(0,0,0,0.95);margin-top:8px}
.cmp__plp-search-card .search-card-option{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:8px}
.cmp__plp-search-card .search-card-dropdown{width:100%;height:64px;border-radius:12px;background:#fff;border:1px solid transparent;transition:all .2s cubic-bezier(0.48,0.04,0.52,0.96);padding:0 20px;margin-top:12px;position:relative;display:flex;align-items:center}
.cmp__plp-search-card .search-card-dropdown.active{border:1px solid #000}
.cmp__plp-search-card .search-card-dropdown.active svg{transform:rotate(180deg)}
.cmp__plp-search-card .search-card-dropdown.active .search-card-dropdown-list{pointer-events:unset;opacity:1;max-height:1000px}
.cmp__plp-search-card .search-card-dropdown-form{width:100%;display:flex;align-items:center;justify-content:space-between;cursor:pointer}
.cmp__plp-search-card .search-card-dropdown-form svg{width:24px;height:24px;transition:transform .2s cubic-bezier(0.48,0.04,0.52,0.96)}
.cmp__plp-search-card .search-card-dropdown-text{color:rgba(0,0,0,0.95)}
.cmp__plp-search-card .search-card-dropdown.col-2{flex:unset;width:calc(50% - 8px)}
.cmp__plp-search-card .search-card-dropdown-list{pointer-events:none;position:absolute;left:0;top:calc(100% + 12px);background:#fff;border:1px solid #dcdcdc;box-shadow:0 6px 20px 0 rgba(0,0,0,0.08);transition:all .2s cubic-bezier(0.48,0.04,0.52,0.96);max-height:30px;opacity:0;overflow:hidden;border-radius:12px;padding:10px 0;z-index:1;width:100%}
.cmp__plp-search-card .search-card-dropdown-list li{padding:12px 24px;cursor:pointer}
.cmp__plp-search-card .search-card-dropdown-list li:hover{background:#fafafa}
.cmp__plp-search-card .search-card-dropdown-list li.active{background:#fafafa}
.cmp__plp-search-card .search-card-action{margin-top:20px;display:flex;justify-content:center}
.cmp__plp-search-card .search-card-action a:first-child{margin-right:24px}
.cmp__plp-search-card .search-card-action .reset{color:#2660f5}
.cmp__plp-search-card .search-card-action .reset::before{display:none}
.cmp__plp-search-card .search-card-action .reset::after{display:none}
@media screen and (min-width:651px) and (max-width:1024px){.cmp__plp-search-card .search-card-dropdown{height:52px;padding:0 16px}
.cmp__plp-search-card .search-card-dropdown-form svg{width:20px;height:20px}
.cmp__plp-search-card .search-card-dropdown.col-2{width:calc(50% - 6px)}
}
@media screen and (min-width:1025px) and (max-width:1439px){.cmp__plp-search-card .search-card-dropdown{height:52px;padding:0 16px}
.cmp__plp-search-card .search-card-dropdown-form svg{width:20px;height:20px}
.cmp__plp-search-card .search-card-dropdown.col-2{width:calc(50% - 6px)}
}
@media screen and (max-width:650px){.cmp__plp-search-card .search-card-dropdown{height:52px;padding:0 16px}
.cmp__plp-search-card .search-card-dropdown-form svg{width:20px;height:20px}
.cmp__plp-search-card .search-card-dropdown.col-2{width:100%}
.cmp__plp-search-card .search-card-action .new-button span{transform:scale(0.833);display:block}
}
.cmp__plp-ksp-card{background:#fff}
.cmp__plp-ksp-card *{box-sizing:border-box}
.cmp__plp-ksp-card.padding-bottom{padding-bottom:20px}
.cmp__plp-ksp-card .plp-title{color:rgba(0,0,0,0.95);text-align:center;padding-top:40px}
.cmp__plp-ksp-card .ksp-card-picture{margin-top:20px;display:flex;justify-content:space-between}
.cmp__plp-ksp-card .ksp-card-picture .tag{position:absolute;left:16px;top:16px}
.cmp__plp-ksp-card .ksp-card-picture .tag .new{color:#2cff73}
.cmp__plp-ksp-card .ksp-card-picture .tag .out{color:#706c66}
.cmp__plp-ksp-card .ksp-card-picture .left{width:calc(50% - 4px);position:relative}
.cmp__plp-ksp-card .ksp-card-picture .left img{width:100%}
.cmp__plp-ksp-card .ksp-card-picture .right{width:calc(50% - 4px);display:flex;justify-content:space-between}
.cmp__plp-ksp-card .ksp-card-picture .right .picture-wrap{width:calc(50% - 4px);position:relative}
.cmp__plp-ksp-card .ksp-card-picture .right .picture-wrap img{width:100%;height:100%;object-fit:cover}
.cmp__plp-ksp-card .ksp-card-picture .right .picture-wrap .text{background:#201f1c;padding:4px;position:absolute;width:calc(100% - 8px);left:4px;bottom:4px;color:#fff;border-radius:4px}
.cmp__plp-ksp-card .ksp-card-box{display:flex;justify-content:space-between;margin-top:8px;padding-bottom:20px}
.cmp__plp-ksp-card .ksp-card-box .right{display:flex;align-items:center}
.cmp__plp-ksp-card .ksp-card-box .name{color:rgba(0,0,0,0.95)}
.cmp__plp-ksp-card .ksp-card-box .des{color:rgba(0,0,0,0.95);margin-top:4px}
.cmp__plp-ksp-card .ksp-card-box .price{color:rgba(0,0,0,0.95)}
.cmp__plp-ksp-card .ksp-card-box .price .origin-price-data{color:rgba(0,0,0,0.55);margin-left:4px}
.cmp__plp-ksp-card .ksp-card-box .price .origin-price-data.lose-efficacy{text-decoration:line-through}
.cmp__plp-ksp-card .ksp-card-box .price .origin-price-data.origin-stop-price{color:rgba(0,0,0,0.95)}
.cmp__plp-ksp-card .ksp-card-box .price .icon{width:12px;height:12px;margin-left:4px}
.cmp__plp-ksp-card .ksp-card-box .lm{margin-left:20px;margin-right:8px}
@media screen and (min-width:651px) and (max-width:1024px){.cmp__plp-ksp-card.padding-bottom{padding-bottom:20px}
.cmp__plp-ksp-card .ksp-card-picture .tag{left:12px;top:12px}
.cmp__plp-ksp-card .ksp-card-picture .left{width:calc(50% - 2px)}
.cmp__plp-ksp-card .ksp-card-picture .right{width:calc(50% - 2px)}
.cmp__plp-ksp-card .ksp-card-box .des{margin-top:2px}
}
@media screen and (min-width:1025px) and (max-width:1439px){.cmp__plp-ksp-card.padding-bottom{padding-bottom:20px}
.cmp__plp-ksp-card .ksp-card-picture .tag{left:12px;top:12px}
.cmp__plp-ksp-card .ksp-card-picture .left{width:calc(50% - 2px)}
.cmp__plp-ksp-card .ksp-card-picture .right{width:calc(50% - 2px)}
.cmp__plp-ksp-card .ksp-card-box .des{margin-top:2px}
}
@media screen and (max-width:650px){.cmp__plp-ksp-card.padding-bottom{padding-bottom:20px}
.cmp__plp-ksp-card .ksp-card-picture{flex-wrap:wrap}
.cmp__plp-ksp-card .ksp-card-picture .tag{left:12px;top:12px}
.cmp__plp-ksp-card .ksp-card-picture .left{width:100%}
.cmp__plp-ksp-card .ksp-card-picture .right{width:100%;margin-top:2px}
.cmp__plp-ksp-card .ksp-card-picture .right .picture-wrap{width:calc(50% - 1px)}
.cmp__plp-ksp-card .ksp-card-picture .right .picture-wrap .text{padding:2px;width:calc(100% - 4px);left:2px;bottom:2px}
.cmp__plp-ksp-card .ksp-card-picture .right .picture-wrap .text span{width:120%;transform:scale(0.833);display:block;transform-origin:left}
.cmp__plp-ksp-card .ksp-card-box{display:flex;flex-wrap:wrap}
.cmp__plp-ksp-card .ksp-card-box .left{width:100%}
.cmp__plp-ksp-card .ksp-card-box .right{flex-wrap:wrap}
.cmp__plp-ksp-card .ksp-card-box .des{margin-top:2px}
.cmp__plp-ksp-card .ksp-card-box .price{margin-top:2px;margin-bottom:8px;width:100%}
.cmp__plp-ksp-card .ksp-card-box .lm{margin-left:0;margin-right:8px}
}
.cmp__plp-series{color:rgba(0,0,0,0.95)}
.cmp__plp-series *{box-sizing:border-box}
.cmp__plp-series .category-header,.cmp__plp-series .series-header{padding:0 64px;border-bottom:1px solid #f0f0f0}
@media screen and (max-width:1024px){.cmp__plp-series .category-header,.cmp__plp-series .series-header{padding:0}
}
.cmp__plp-series .category-header{display:none}
.cmp__plp-series .series-header{display:flex;justify-content:center;align-items:center;padding-top:8px;padding-bottom:8px}
@media screen and (max-width:1024px){.cmp__plp-series .series-header{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;width:100%;padding:8px 24px;justify-content:flex-start;scrollbar-width:none;-ms-overflow-style:none}
.cmp__plp-series .series-header::-webkit-scrollbar{display:none}
}
@media screen and (max-width:650px){.cmp__plp-series .series-header{padding:8px 16px}
}
.cmp__plp-series .series-header .series-box-list{display:flex;align-items:center}
@media screen and (max-width:1024px){.cmp__plp-series .series-header .series-box-list{flex-shrink:0}
}
.cmp__plp-series .series-header .series-box-list li{padding:6px 18px;cursor:pointer;z-index:1;position:relative}
@media screen and (max-width:1024px){.cmp__plp-series .series-header .series-box-list li{flex-shrink:0}
}
.cmp__plp-series .series-header .series-box-list li.active{border-radius:36px;background:#f6f6f6}
@media screen and (min-width:1025px){.cmp__plp-series .series-header .series-box-list li:hover{border-radius:36px;background:#f6f6f6}
}
.cmp__plp-series .series-header .series-link-list{display:flex;align-items:center}
@media screen and (max-width:1024px){.cmp__plp-series .series-header .series-link-list{flex-shrink:0}
}
.cmp__plp-series .series-header .series-link-list .compare-btn{display:flex;align-items:center;margin-right:18px}
.cmp__plp-series .series-header .series-link-list .compare-btn:first-child{margin-left:18px}
.cmp__plp-series .series-header .series-link-list .compare-btn:last-child{margin-right:0}
@media screen and (max-width:1024px){.cmp__plp-series .series-header .series-link-list .compare-btn{flex-shrink:0}
}
.cmp__plp-series .series-header .series-link-list .compare-btn .op-icon{width:14px}
.cmp__plp-series .series-header.series-nav-fixed{position:fixed;width:100%;top:52px;left:0;right:0;z-index:99;background-color:#fff;opacity:1;transition:opacity cubic-bezier(0.48,0.04,0.52,0.96) .2s}
@media screen and (max-width:1024px){.cmp__plp-series .series-header.series-nav-fixed{top:48px}
}
.cmp__plp-series .series-header.no-series{display:none}
.cmp__plp-series.has-category .category-header{display:flex;justify-content:space-between;align-items:center}
@media screen and (max-width:1024px){.cmp__plp-series.has-category .category-header{flex-direction:column}
}
.cmp__plp-series.has-category .category-header .category-box-title{letter-spacing:.48px}
@media screen and (max-width:1024px){.cmp__plp-series.has-category .category-header .category-box-title{padding-top:20px;padding-bottom:12px}
}
.cmp__plp-series.has-category .category-header .category-box-list{display:flex;align-items:center}
@media screen and (max-width:1024px){.cmp__plp-series.has-category .category-header .category-box-list{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;width:100%;scrollbar-width:none;-ms-overflow-style:none}
.cmp__plp-series.has-category .category-header .category-box-list::-webkit-scrollbar{display:none}
}
.cmp__plp-series.has-category .category-header .category-box-list li{height:100px;margin-right:20px}
@media screen and (min-width:651px) and (max-width:1024px){.cmp__plp-series.has-category .category-header .category-box-list li{height:130px}
}
@media screen and (max-width:650px){.cmp__plp-series.has-category .category-header .category-box-list li{height:98px;margin-right:8px}
}
.cmp__plp-series.has-category .category-header .category-box-list li:last-child{margin-right:0}
.cmp__plp-series.has-category .category-header .category-box-list li a{width:72px;height:100%;display:flex;flex-direction:column;align-items:center;position:relative;color:rgba(0,0,0,0.55)}
@media screen and (min-width:651px) and (max-width:1024px){.cmp__plp-series.has-category .category-header .category-box-list li a{width:116px}
}
.cmp__plp-series.has-category .category-header .category-box-list li a .img-box{padding:16px 0 2px}
.cmp__plp-series.has-category .category-header .category-box-list li a .img-box img{width:40px}
@media screen and (min-width:651px) and (max-width:1024px){.cmp__plp-series.has-category .category-header .category-box-list li a .img-box img{width:68px}
}
.cmp__plp-series.has-category .category-header .category-box-list li a p{text-align:center}
.cmp__plp-series.has-category .category-header .category-box-list li a:after{content:"";position:absolute;left:16px;width:0;height:2px;bottom:-1px;background-color:#2cff73;transition:all cubic-bezier(0.48,0.04,0.52,0.96) 200ms}
@media screen and (min-width:651px) and (max-width:1024px){.cmp__plp-series.has-category .category-header .category-box-list li a:after{left:24px}
}
.cmp__plp-series.has-category .category-header .category-box-list li.active a{color:rgba(0,0,0,0.95)}
.cmp__plp-series.has-category .category-header .category-box-list li.active a:after{font-family:'OPPOSans-Ver2-Medium';width:40px}
@media screen and (min-width:651px) and (max-width:1024px){.cmp__plp-series.has-category .category-header .category-box-list li.active a:after{width:68px}
}
@media screen and (min-width:1025px){.cmp__plp-series.has-category .category-header .category-box-list li:hover a{color:rgba(0,0,0,0.95)}
.cmp__plp-series.has-category .category-header .category-box-list li:hover a:after{font-family:'OPPOSans-Ver2-Medium';width:40px}
}
@media screen and (min-width:1025px) and (min-width:651px) and (max-width:1024px){.cmp__plp-series.has-category .category-header .category-box-list li:hover a:after{width:68px}
}
.cmp__plp-series.has-category .series-header{justify-content:space-between}
@media screen and (max-width:1024px){.cmp__plp-series.has-category .series-header{justify-content:flex-start}
}
.cmp__plp-list *{box-sizing:border-box}
.cmp__plp-list.padding-bottom{padding-bottom:20px}
.cmp__plp-list .plp-title{text-align:center;padding-top:40px}
.cmp__plp-list .plp-description{text-align:center;padding-top:12px;max-width:800px;margin:0 auto;color:#0000008c}
.cmp__plp-list .divide-box{display:flex;flex-wrap:wrap;margin:0 -4px}
.cmp__plp-list .divide-box .divide-item{flex:0 0 25%;max-width:25%;margin-top:20px;margin-bottom:20px;padding:0 4px}
.cmp__plp-list .divide-box .divide-item .item-container{height:100%}
.cmp__plp-list .divide-box .divide-item .vertical-draw{position:relative}
.cmp__plp-list .divide-box .divide-item .prd-tag{position:absolute;left:12px;top:12px;line-height:1}
.cmp__plp-list .divide-box .divide-item .prd-tag .prd-new{color:#2cff73}
.cmp__plp-list .divide-box .divide-item .prd-tag .prd-outofstock{color:#706c66}
.cmp__plp-list .divide-box .divide-item .sketch{display:block}
.cmp__plp-list .divide-box .divide-item .sketch img{display:block;width:100%}
.cmp__plp-list .divide-box .divide-item .sketch-swiper{width:100%;height:366px;background:var(--brand-color-tinted-white,#fafafa)}
.cmp__plp-list .divide-box .divide-item .sketch-swiper .swiper-wrapper{position:absolute;left:50%;top:64px;transform:translateX(-50%);width:auto;height:auto}
.cmp__plp-list .divide-box .divide-item .sketch-swiper .swiper-slide{display:none}
.cmp__plp-list .divide-box .divide-item .sketch-swiper .swiper-slide.active{display:block}
.cmp__plp-list .divide-box .divide-item .sketch-swiper .swiper-slide.not-url{cursor:default}
.cmp__plp-list .divide-box .divide-item .sketch-swiper .pdl-item-img{width:200px;height:200px;display:flex;justify-content:center;align-items:center}
.cmp__plp-list .divide-box .divide-item .sketch-swiper .pdl-item-img img{display:block;width:auto;max-width:100%;max-height:100%;transition:all .5s}
.cmp__plp-list .divide-box .divide-item .sketch-swiper .pdl-swiper-pagnation{display:flex;justify-content:center;align-items:center;transition:all .5s;position:absolute;left:50%;bottom:64px;transform:translateX(-50%);z-index:2}
.cmp__plp-list .divide-box .divide-item .sketch-swiper .pdl-swiper-pagnation .swiper-pagination-bullet{display:flex;justify-content:center;align-items:center;width:18px;height:18px;background:transparent;margin-right:4px;opacity:1;cursor:pointer}
.cmp__plp-list .divide-box .divide-item .sketch-swiper .pdl-swiper-pagnation .swiper-pagination-bullet.swiper-pagination-bullet-active{border:1px solid #c4c4c4}
.cmp__plp-list .divide-box .divide-item .sketch-swiper .pdl-swiper-pagnation .swiper-pagination-bullet:focus{outline:0}
.cmp__plp-list .divide-box .divide-item .sketch-swiper .pdl-swiper-pagnation .swiper-pagination-bullet i{content:'';display:block;width:12px;height:12px;border-radius:50%;background:no-repeat;background-size:cover}
.cmp__plp-list .divide-box .divide-item .sketch-swiper .pdl-swiper-pagnation .swiper-pagination-bullet i img{display:block;width:100%;height:100%;border-radius:50%}
.cmp__plp-list .divide-box .divide-item .sketch-swiper .pdl-swiper-pagnation .swiper-pagination-bullet:last-child{margin-right:0}
.cmp__plp-list .divide-box .divide-item .pdl-360-explore{display:flex;align-items:center;border-radius:137px;background:rgba(255,255,255,0.8);backdrop-filter:blur(8px);padding:5px 8px;position:absolute;left:50%;bottom:90px;transform:translateX(-50%);z-index:1;width:max-content}
.cmp__plp-list .divide-box .divide-item .pdl-360-explore svg{display:block;flex:0 0 16px;width:16px;height:16px;margin-right:2px}
.cmp__plp-list .divide-box .divide-item .pdl-360-explore p{flex:1 0 auto}
.cmp__plp-list .divide-box .divide-item .info-des{padding-right:16px}
.cmp__plp-list .divide-box .divide-item .info-des .prd-title{margin-top:8px;color:rgba(0,0,0,0.95)}
.cmp__plp-list .divide-box .divide-item .info-des .prd-des{margin-top:2px;color:rgba(0,0,0,0.95)}
.cmp__plp-list .divide-box .divide-item .info-des .prd-price{display:flex;flex-wrap:nowrap;align-items:center;color:rgba(0,0,0,0.95)}
.cmp__plp-list .divide-box .divide-item .info-des .prd-price svg{display:block;width:12px;height:12px;margin-left:4px;margin-top:2px}
.cmp__plp-list .divide-box .divide-item .info-des .prd-price .now-price-data{margin-top:2px}
.cmp__plp-list .divide-box .divide-item .info-des .prd-price .origin-price-data{margin-left:4px;margin-top:2px;color:rgba(0,0,0,0.55)}
.cmp__plp-list .divide-box .divide-item .info-des .prd-price .origin-price-data.lose-efficacy{text-decoration:line-through}
.cmp__plp-list .divide-box .divide-item .info-des .prd-price .origin-price-data.origin-stop-price{color:rgba(0,0,0,0.95)}
.cmp__plp-list .divide-box .divide-item .info-des .prd-button{display:flex;flex-wrap:nowrap;margin-top:8px}
.cmp__plp-list .divide-box .divide-item .info-des .prd-button a{padding-bottom:2px}
.cmp__plp-list .divide-box .divide-item .info-des .prd-button .more-btn{margin-right:8px}
.cmp__plp-list .divide-box .divide-item .info-des .prd-button.prd-button-mob{display:none}
.cmp__plp-list .divide-box .divide-item.load-spu-data .sketch-swiper .swiper-wrapper{top:34px}
.cmp__plp-list .divide-box .divide-item.load-spu-data .sketch-swiper .pdl-item-img{width:256px;height:256px}
.cmp__plp-list .divide-box .divide-item .new-button--link{overflow:unset}
.cmp__plp-list .divide-box .divide-b50{flex:0 0 50%;max-width:50%}
.cmp__plp-list .prd-show-more{display:flex;justify-content:center}
.cmp__plp-list .prd-show-more .show-more-btn{margin:0 auto 20px}
@media screen and (min-width:1025px) and (max-width:1440px){.cmp__plp-list .divide-box .divide-item .prd-tag{top:.83333vw;left:.83333vw}
.cmp__plp-list .divide-box .divide-item .sketch img{height:25.41666vw;object-fit:cover}
.cmp__plp-list .divide-box .divide-item .sketch-swiper{height:25.41666vw}
.cmp__plp-list .divide-box .divide-item .sketch-swiper .swiper-wrapper{top:4.44444vw}
.cmp__plp-list .divide-box .divide-item .sketch-swiper .pdl-item-img{width:13.88888vw;height:13.88888vw}
.cmp__plp-list .divide-box .divide-item .sketch-swiper .pdl-swiper-pagnation{bottom:4.44444vw}
.cmp__plp-list .divide-box .divide-item .pdl-360-explore{bottom:6.25vw}
.cmp__plp-list .divide-box .divide-item.load-spu-data .sketch-swiper .swiper-wrapper{top:2.36111vw}
.cmp__plp-list .divide-box .divide-item.load-spu-data .sketch-swiper .pdl-item-img{width:17.77777vw;height:17.77777vw}
}
@media screen and (min-width:651px) and (max-width:1024px){.cmp__plp-list .divide-box{margin:0 -2px}
.cmp__plp-list .divide-box .divide-item{padding:0 2px}
.cmp__plp-list .divide-box .divide-item .prd-tag{left:1.5625vw;top:1.5625vw}
.cmp__plp-list .divide-box .divide-item .sketch img{height:26.30208vw;object-fit:cover}
.cmp__plp-list .divide-box .divide-item .sketch-swiper{height:26.30208vw}
.cmp__plp-list .divide-box .divide-item .sketch-swiper .swiper-wrapper{top:5.07812vw}
.cmp__plp-list .divide-box .divide-item .sketch-swiper .pdl-item-img{width:16.14583vw;height:16.14583vw}
.cmp__plp-list .divide-box .divide-item .sketch-swiper .pdl-swiper-pagnation{width:auto;left:unset;transform:translate(0);bottom:1.04166vw;right:.78125vw}
.cmp__plp-list .divide-box .divide-item .sketch-swiper .pdl-swiper-pagnation .swiper-pagination-bullet{width:12px;height:12px;margin-right:-6px;cursor:default}
.cmp__plp-list .divide-box .divide-item .sketch-swiper .pdl-swiper-pagnation .swiper-pagination-bullet i{width:8px;height:8px}
.cmp__plp-list .divide-box .divide-item .sketch-swiper .pdl-swiper-pagnation .swiper-pagination-bullet.swiper-pagination-bullet-active{border:0}
.cmp__plp-list .divide-box .divide-item .pdl-360-explore{bottom:3.64583vw}
.cmp__plp-list .divide-box .divide-item .info-des{padding-right:12px}
.cmp__plp-list .divide-box .divide-item .info-des .prd-title{margin-top:8px}
.cmp__plp-list .divide-box .divide-item .info-des .prd-des{margin-top:0}
.cmp__plp-list .divide-box .divide-item .info-des .prd-price svg{margin-top:0}
.cmp__plp-list .divide-box .divide-item .info-des .prd-price .now-price-data{margin-top:0}
.cmp__plp-list .divide-box .divide-item .info-des .prd-price .origin-price-data{margin-top:0}
.cmp__plp-list .divide-box .divide-item .info-des .prd-button{margin-top:4px}
.cmp__plp-list .divide-box .divide-item .info-des .prd-button a{padding-bottom:2px}
.cmp__plp-list .divide-box .divide-item .info-des .prd-button .more-btn{margin-right:8px}
.cmp__plp-list .divide-box .divide-item.is-sketch .info-des .prd-button.prd-button-pc{display:none}
.cmp__plp-list .divide-box .divide-item.is-sketch .info-des .prd-button.prd-button-mob{display:flex}
.cmp__plp-list .divide-box .divide-item.load-spu-data .sketch-swiper .swiper-wrapper{top:2.43055vw}
.cmp__plp-list .divide-box .divide-item.load-spu-data .sketch-swiper .pdl-item-img{width:20.3125vw;height:20.3125vw}
}
@media(max-width:650px){.cmp__plp-list .divide-box{margin:0 -2px}
.cmp__plp-list .divide-box .divide-item{flex:0 0 50%;max-width:50%;padding:0 2px}
.cmp__plp-list .divide-box .divide-item .prd-tag{left:3.33333vw;top:3.33333vw}
.cmp__plp-list .divide-box .divide-item .sketch img{height:51.11111vw;object-fit:cover}
.cmp__plp-list .divide-box .divide-item .sketch-swiper{height:51.11111vw}
.cmp__plp-list .divide-box .divide-item .sketch-swiper .swiper-wrapper{top:8.33333vw}
.cmp__plp-list .divide-box .divide-item .sketch-swiper .pdl-item-img{width:34.44444vw;height:34.44444vw}
.cmp__plp-list .divide-box .divide-item .sketch-swiper .pdl-swiper-pagnation{width:auto;left:unset;transform:translate(0);bottom:1.04166vw;right:.78125vw}
.cmp__plp-list .divide-box .divide-item .sketch-swiper .pdl-swiper-pagnation .swiper-pagination-bullet{width:12px;height:12px;margin-right:-6px;cursor:default}
.cmp__plp-list .divide-box .divide-item .sketch-swiper .pdl-swiper-pagnation .swiper-pagination-bullet i{width:8px;height:8px}
.cmp__plp-list .divide-box .divide-item .sketch-swiper .pdl-swiper-pagnation .swiper-pagination-bullet.swiper-pagination-bullet-active{border:0}
.cmp__plp-list .divide-box .divide-item .pdl-360-explore{bottom:4.72222vw}
.cmp__plp-list .divide-box .divide-item .info-des{padding-right:12px}
.cmp__plp-list .divide-box .divide-item .info-des .prd-title{margin-top:8px}
.cmp__plp-list .divide-box .divide-item .info-des .prd-des{margin-top:0}
.cmp__plp-list .divide-box .divide-item .info-des .prd-price svg{margin-top:0}
.cmp__plp-list .divide-box .divide-item .info-des .prd-price .now-price-data{margin-top:0}
.cmp__plp-list .divide-box .divide-item .info-des .prd-price .origin-price-data{margin-top:0}
.cmp__plp-list .divide-box .divide-item .info-des .prd-button{margin-top:4px}
.cmp__plp-list .divide-box .divide-item .info-des .prd-button a{padding-bottom:2px}
.cmp__plp-list .divide-box .divide-item .info-des .prd-button .more-btn{margin-right:8px}
.cmp__plp-list .divide-box .divide-item.is-sketch .info-des .prd-button.prd-button-pc{display:none}
.cmp__plp-list .divide-box .divide-item.is-sketch .info-des .prd-button.prd-button-mob{display:flex}
.cmp__plp-list .divide-box .divide-item.load-spu-data .sketch-swiper .swiper-wrapper{top:5.21833vw}
.cmp__plp-list .divide-box .divide-item.load-spu-data .sketch-swiper .pdl-item-img{width:43.33333vw;height:43.33333vw}
.cmp__plp-list .divide-box .divide-b50{flex:0 0 100%;max-width:100%}
}
.cmp__plp-general-card *{box-sizing:border-box}
.cmp__plp-general-card.padding-bottom{padding-bottom:20px}
.cmp__plp-general-card .plp-title{text-align:center;padding-top:40px}
.cmp__plp-general-card .divide-box{display:flex;flex-wrap:wrap;margin:0 -4px}
.cmp__plp-general-card .divide-box .divide-item{flex:0 0 25%;max-width:25%;margin-top:20px;margin-bottom:20px;padding:0 4px}
.cmp__plp-general-card .divide-box .divide-item .item-container{height:100%}
.cmp__plp-general-card .divide-box .divide-item .vertical-draw{position:relative}
.cmp__plp-general-card .divide-box .divide-item .prd-tag{position:absolute;left:12px;top:12px;line-height:1}
.cmp__plp-general-card .divide-box .divide-item .prd-tag .prd-new{color:#2cff73}
.cmp__plp-general-card .divide-box .divide-item .prd-tag .prd-outofstock{color:#706c66}
.cmp__plp-general-card .divide-box .divide-item .sketch{display:block}
.cmp__plp-general-card .divide-box .divide-item .sketch img{display:block;width:100%}
.cmp__plp-general-card .divide-box .divide-item .sketch.not-url{cursor:default}
.cmp__plp-general-card .divide-box .divide-item .info-des{padding-right:16px}
.cmp__plp-general-card .divide-box .divide-item .info-des .prd-title{margin-top:8px;color:rgba(0,0,0,0.95)}
.cmp__plp-general-card .divide-box .divide-item .info-des .prd-des{margin-top:2px;color:rgba(0,0,0,0.95)}
.cmp__plp-general-card .divide-box .divide-item .info-des .prd-price{display:flex;flex-wrap:nowrap;align-items:center;color:rgba(0,0,0,0.95)}
.cmp__plp-general-card .divide-box .divide-item .info-des .prd-price svg{display:block;width:12px;height:12px;margin-left:4px;margin-top:2px}
.cmp__plp-general-card .divide-box .divide-item .info-des .prd-price .now-price-data{margin-top:2px}
.cmp__plp-general-card .divide-box .divide-item .info-des .prd-price .origin-price-data{margin-left:4px;margin-top:2px;color:rgba(0,0,0,0.55)}
.cmp__plp-general-card .divide-box .divide-item .info-des .prd-price .origin-price-data.lose-efficacy{text-decoration:line-through}
.cmp__plp-general-card .divide-box .divide-item .info-des .prd-price .origin-price-data.origin-stop-price{color:rgba(0,0,0,0.95)}
.cmp__plp-general-card .divide-box .divide-item .info-des .prd-button{display:flex;flex-wrap:nowrap;margin-top:8px}
.cmp__plp-general-card .divide-box .divide-item .info-des .prd-button.prd-button-mob{display:none}
.cmp__plp-general-card .divide-box .divide-item .info-des .prd-button a{padding-bottom:2px}
.cmp__plp-general-card .divide-box .divide-item .info-des .prd-button .more-btn{margin-right:8px}
.cmp__plp-general-card .divide-box .divide-item .new-button--link{overflow:unset}
.cmp__plp-general-card .divide-box .divide-b50{flex:0 0 50%;max-width:50%}
@media screen and (min-width:1025px) and (max-width:1440px){.cmp__plp-general-card .divide-box .divide-item .prd-tag{top:.83333vw;left:.83333vw}
.cmp__plp-general-card .divide-box .divide-item .sketch img{height:25.41666vw;object-fit:cover}
}
@media screen and (min-width:651px) and (max-width:1024px){.cmp__plp-general-card .divide-box{margin:0 -2px}
.cmp__plp-general-card .divide-box .divide-item{padding:0 2px}
.cmp__plp-general-card .divide-box .divide-item .prd-tag{left:1.5625vw;top:1.5625vw}
.cmp__plp-general-card .divide-box .divide-item .sketch img{height:26.30208vw;object-fit:cover}
.cmp__plp-general-card .divide-box .divide-item .info-des{padding-right:12px}
.cmp__plp-general-card .divide-box .divide-item .info-des .prd-title{margin-top:8px}
.cmp__plp-general-card .divide-box .divide-item .info-des .prd-des{margin-top:0}
.cmp__plp-general-card .divide-box .divide-item .info-des .prd-price svg{margin-top:0}
.cmp__plp-general-card .divide-box .divide-item .info-des .prd-price .now-price-data{margin-top:0}
.cmp__plp-general-card .divide-box .divide-item .info-des .prd-price .origin-price-data{margin-top:0}
.cmp__plp-general-card .divide-box .divide-item .info-des .prd-button{margin-top:4px}
.cmp__plp-general-card .divide-box .divide-item .info-des .prd-button.prd-button-pc{display:none}
.cmp__plp-general-card .divide-box .divide-item .info-des .prd-button.prd-button-mob{display:block}
.cmp__plp-general-card .divide-box .divide-item .info-des .prd-button a{padding-bottom:2px}
.cmp__plp-general-card .divide-box .divide-item .info-des .prd-button .more-btn{margin-right:8px}
}
@media(max-width:650px){.cmp__plp-general-card .divide-box{margin:0 -2px}
.cmp__plp-general-card .divide-box .divide-item{flex:0 0 50%;max-width:50%;padding:0 2px}
.cmp__plp-general-card .divide-box .divide-item .prd-tag{left:3.33333vw;top:3.33333vw}
.cmp__plp-general-card .divide-box .divide-item .sketch img{height:51.11111vw;object-fit:cover}
.cmp__plp-general-card .divide-box .divide-item .info-des{padding-right:12px}
.cmp__plp-general-card .divide-box .divide-item .info-des .prd-title{margin-top:8px}
.cmp__plp-general-card .divide-box .divide-item .info-des .prd-des{margin-top:0}
.cmp__plp-general-card .divide-box .divide-item .info-des .prd-price svg{margin-top:0}
.cmp__plp-general-card .divide-box .divide-item .info-des .prd-price .now-price-data{margin-top:0}
.cmp__plp-general-card .divide-box .divide-item .info-des .prd-price .origin-price-data{margin-top:0}
.cmp__plp-general-card .divide-box .divide-item .info-des .prd-button{margin-top:4px}
.cmp__plp-general-card .divide-box .divide-item .info-des .prd-button.prd-button-pc{display:none}
.cmp__plp-general-card .divide-box .divide-item .info-des .prd-button.prd-button-mob{display:block}
.cmp__plp-general-card .divide-box .divide-item .info-des .prd-button a{padding-bottom:2px}
.cmp__plp-general-card .divide-box .divide-item .info-des .prd-button .more-btn{margin-right:8px}
.cmp__plp-general-card .divide-box .divide-b50{flex:0 0 100%;max-width:100%}
}